  <script type="text/javascript">
  /*
$(document).ready(function() {
// toggles the slickbox on clicking the noted link 

  $('a#a_dp').click(function() {

    $('#dados_pessoais').toggle(400);

    return false;

  });
  
  $('a#a_dm').click(function() {

    $('#dados_morada').toggle(400);

    return false;

  });
}); 
  */
  //Validar campos genéricos
  function acordo(fld, error_field) 
  {
   	fld = document.getElementById(fld);
	var my_field=document.getElementById(error_field);
    erro = "";
    
	if (fld.checked != 1) {
     	fld.style.background = '#FF9393';
       	my_field.style.background = '#FFFFAE';
    	my_field.style.display = '';
    	my_field.innerHTML = "<?=REGISTO_STEP3_ERRO_ACORDO ?>";
    	erro = "<?=REGISTO_STEP3_ERRO_ACORDO ?>";
    } else {
       	fld.style.background = 'White';
    }
   return erro;
  }
  
  
  function captcha(fld, error_field) 
  {
   	fld = document.getElementById(fld);
	var my_field=document.getElementById(error_field);
    erro = "";
    
	if ((fld.value.length < 6) ||  (fld.value.length > 6)){
     	fld.style.background = '#FF9393';
       	my_field.style.background = '#FFFFAE';
    	my_field.style.display = '';
    	my_field.innerHTML = "<?=REGISTO_STEP3_ERRO_CAPTCHA ?>";
    	erro = "<?=REGISTO_STEP3_ERRO_CAPTCHA ?>";
    } else {
       	fld.style.background = 'White';
    }
   return erro;
  }
  
  function validaTodos() 
	{
		reason = acordo('concorda', 'form_erro');
  		reason += captcha('code', 'form_erro');
  		
  		if (reason != "") {
    		return false;
  		}
  		return true;
  	}  
  
  </script>
  <div id="fundo_cinza_cima">
  </div>
  <div id="fundo_cinza_wrapper">
   <div id="top_nav">
    <div class="cabecalho_registo">
     <div style="float: left;">
      <img src="/public/images/template/icon_utilizador.gif"></img>REGISTO UTILIZADOR
     </div>
     <div class="top_info_registo">
      <div style="font-size: 30px; margin-right: 10px; font-weight: bold; font-family: arial; color: #666666; float: left;">
       4
      </div>
      <div style="float: left; width: 150px;">
       <div style="font-size: 12px; font-weight: bold; font-family: arial; color: #666666;">
    	PASSOS
       </div>
       <div style="font-size: 11px; font-weight: bold; font-family: arial; color: #666666;">
    	para finalizar o registo
       </div>
      </div>
     </div>
    </div>
    <div class="barra_orientacao">
	 <ul class="passos">
	  <li><? if($passo_num == 1) { echo "<div class='p_selecionado'>1</div>"; } else { echo "<div class='p_uselecionado'>1</div>"; }?><div class='pt_texto'><?=REGISTO_LEFT_PASSO1?></div></li>
	  <li><? if($passo_num == 2) { echo "<div class='p_selecionado'>2</div>"; } else { echo "<div class='p_uselecionado'>2</div>"; }?><div class='pt_texto'><?=REGISTO_LEFT_PASSO2?></div></li>
	  <li><? if($passo_num == 3) { echo "<div class='p_selecionado'>3</div>"; } else { echo "<div class='p_uselecionado'>3</div>"; }?><div class='pt_texto'><?=REGISTO_LEFT_PASSO3?></div></li>
	  <li><? if($passo_num == 4) { echo "<div class='p_selecionado'>4</div>"; } else { echo "<div class='p_uselecionado'>4</div>"; } ?><div class='pt_texto'><?=REGISTO_LEFT_PASSO4?></div></li>
	 </ul>
	</div>
   </div>
   
  
   <div id="registo_area">
    <p></p>
    <div style="display: none; text-align: center; width: 50%; min-height: 20px; margin: auto;" id="form_erro">
	</DIV>
	<p></p>
	<form method="post" onsubmit="return validaTodos()">
     <DIV style="float: left;">
      <a id="a_dp" href="javascript:void(0);"><?=REGISTO_STEP3_DADOS_PESSOAIS ?></a>
   	  <DIV id="dados_pessoais">
       <UL>
        <LI><?=REGISTO_STEP1_UTILIZADOR . ": " . $registo_info['utilizador']?></LI>
        <LI><?=REGISTO_STEP1_SEXO . ": "?><?=$registo_info['utilizador'] ? REGISTO_STEP1_SEX_M : REGISTO_STEP1_SEX_F ?></LI>
        <LI><?=REGISTO_STEP1_PNOME . ": " . $registo_info['pnome']?></LI>
        <LI><?=REGISTO_STEP1_UNOME . ": " . $registo_info['unome']?></LI>
        <LI><?=REGISTO_STEP1_DATANASCIMENTO . ": " . $registo_info['dia'] . '-' . $registo_info['mes'] . '-' . $registo_info['ano']?></LI>
        <LI><?=REGISTO_STEP1_EMAIL . ": " . $registo_info['email']?></LI>
        <LI><?=REGISTO_STEP1_CONTACTO . ": " . $registo_info['contacto']?></LI>
        <LI><?=REGISTO_STEP1_FAX . ": " . $registo_info['fax']?></LI>
        <LI><?=REGISTO_STEP1_NEWSLETTER . ": "?><?=$registo_info['newsletter'] ? REGISTO_STEP1_NEWSL_S : REGISTO_STEP1_NEWSL_N ?></LI>
        <LI><?=REGISTO_STEP1_NIF . ": " . $registo_info['nif']?></LI>
       </UL>
      </DIV>
     </DIV>
     <DIV style="float: left;">
      <a id="a_dm" href="javascript:void(0);"><?=REGISTO_STEP3_DADOS_MORADA ?></a>
   	  <DIV id="dados_morada">
   	   <UL>
        <LI><?=REGISTO_STEP2_SEXO . ": "?><?=$registo_info['my_sexo2'] ? REGISTO_STEP1_SEX_M : REGISTO_STEP1_SEX_F ?></LI>
        <LI><?=REGISTO_STEP2_EMPRESA . ": " . $registo_info['empresa']?></LI>
        <LI><?=REGISTO_STEP2_PNOME . ": " . $registo_info['primeiro_nome']?></LI>
        <LI><?=REGISTO_STEP2_UNOME . ": " . $registo_info['ultimo_nome']?></LI>
        <LI><?=REGISTO_STEP2_RUA . ": " . $registo_info['rua']?></LI>
        <LI><?=REGISTO_STEP2_SUBURB . ": " . $registo_info['suburb']?></LI>
        <LI><?=REGISTO_STEP2_POSTAL . ": " . $registo_info['postal']?></LI>
        <LI><?=REGISTO_STEP2_CIDADE . ": " . $registo_info['cidade']?></LI>
        <LI><?=REGISTO_STEP2_PAIS . ": " . $registo_info['nome_pais']?></LI>
       </UL>
      </DIV>
     </DIV>
     <div style="float: left; width: 200px; overflow: hidden;"> 
      <DIV class=termos>
  	   <?=$campos_site['termos']?>
  	  </DIV>
      <div align="center">
		<input style="width: 10px; "type="checkbox" id="concorda" name="concorda" value="1" onblur="acordo('concorda', 'form_erro')"><?=REGISTO_STEP3_EU_CONCORDO?>
	  </div>

      <div id="cap_image">
	   <img src="/public/images/captcha.php" /><br /><br />
	   <input style="width: 80px;" type="text" name="code" onblur="captcha('code', 'form_erro');" size="5"/>
	  </div>
	  <div class="btns" style="text-align: center">
	   <INPUT type="submit" value="<?=REGISTO_STEP3_REGISTAR?>">
	  </div>
	  <div style="display: none; text-align: center; width: 50%; min-height: 20px; margin: auto;" id="form_erro">
	 </DIV>
	  <INPUT type="hidden" value="4" name="step" id="step">
	</div>
	</form>
	<?
	if($_POST)
	{
		if(isset($mensagem))
		{
			echo $mensagem;
		}
	}	
	?>
   </div>
   <A HREF="/">Voltar</A><br />
  
  
  </div>
  <div id="fundo_cinza_baixo">
  </div>